<template>
    <div>
      <textarea placeholder="说说你的想法" v-model="content" class="font_333_30"></textarea>

      <div class="btn font_fff_36" @click="linkTOdetail">提交</div>
    </div>
</template>

<script>
    export default {
        name: '',
        components: {},
        data() {
            return {
              title:'意见反馈',
              content:''
            }
        },
        created () {
          this.setTitle(this.title)
        },
        mounted: function () {
        },
        methods: {
          linkTOdetail(){
            this.axios.post('/home/Advice/addAdvice',{
              token:this.$store.state.token,
              advice:this.content
            }).then((res)=>{
              if(res.data.code==200){
                this.$router.push('/Feedback/success')
              }
            })
          }
        }
    }
</script>

<style scoped>
  @import "../../assets/public.css";
  textarea{
    width:6.90rem;
    height:3.44rem;
    border:1px solid #ddd;
    padding: .28rem .2rem;
    margin:.31rem auto 1.69rem;
    display: block;
    border-radius: .06rem;
    box-shadow: none;
  }
  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
    font-size:.30rem;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    font-size:.30rem;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;font-size:.30rem;
  }
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #999;font-size:.30rem;
  }
  .btn{
    width:6.92rem;
    height:.88rem;
    background:#28ac4f; /* 一些不支持背景渐变的浏览器 */
    background: -webkit-linear-gradient(right, #28ac4f, #3aab5c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #28ac4f, #3aab5c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #28ac4f, #3aab5c); /* Firefox 3.6 - 15 */
    background: linear-gradient(right, #28ac4f, #3aab5c); /* 标准的语法 */
    text-align: center;
    line-height: .88rem;
    margin: 0 auto;
    border-radius: 5px;
  }
</style>
